<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
    <%
        String path = request.getRequestURI();
        String basePath = request.getScheme() + "://"
                + request.getServerName() + ":" + request.getServerPort()
                + path;
    %> 
    <base href="<%=basePath%>"> 
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/head.css">
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/Forum.css">
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/ForumHead.css">
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/ForumCommon.css">
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/ForumList.css">
<title>志愿者招募用户--我的论坛</title>
 <style type="text/css">
		#div1{
			/* width: 1050px; */
			height: 53px; 
			background-color: #c2b6df;
			margin: 0 auto;
			/* border: 20px solid #e9eced; */
		}
		h3{
			text-align: center;
			/* font-size: 20px */
		}
		.p1{text-indent: 2em;font-size: 30px;}
		.p2{text-align:left;color:#d34949;}
        p.thicker {font-weight:900;font-size: 30px;}
        /* p.stronger {font-weight:900;font-size: 20px;} */
        p.stronger {font-weight:900;font-size: 25px;text-align:left;}
        p.position{text-align:left;font-size: 17px}
		#div3{text-align: center;font-size: 20px}
        #div4{text-align:center;}
        #myCarousel{
            width:100%;
        /* margin-left:35%; */
        height:100%;}       		
	</style>
</head>
<body>
<!-- <div id="div2"> -->
				<article>
				  <header><div class="header_con">
                    <div class="header">
                        <div class="welcome">欢迎来到志愿者招募平台!</div>
                        <div class="user_login">
                            <a href="../Login&Register.jsp">退出</a>
                            <!-- <span>|</span>
                            <a href="Login&Register.html">注册</a> -->
                        </div>
                    </div>
                </div><br>

                        <img alt="Brand" src="../img/志愿者图标.png"  width="50px" height="50px" style="float:left"><br>
                         <p class="thicker">"最美"抗疫志愿者招募平台</p1>  
                        </header>
               </article>
             
                <div class="navbar_con">
                    <div class="navbar clearfix">
                        <ul class="navlist fl">
                            <li><a href="${pageContext.request.contextPath}/PersonalServlet">个人中心</a></li>
                            <div class="subnav_con fl">
                                <h1>志愿论坛<i></i></h1>
                            </div>
                            <li><a href="${pageContext.request.contextPath}/ElegantServlet">志愿风采</a></li>
                            <li><a href="${pageContext.request.contextPath}/RecruitServlet">志愿者招募</a></li>
                            <li><a href="${pageContext.request.contextPath}/HomeServlet">首页</a></li>
                        </ul>
                    </div>
                </div>
                <ol class="breadcrumb">
                    <li><a href="${pageContext.request.contextPath}/ForumServlet">志愿论坛</a></li>
                    <li class="active">我的论坛</li>
                    <!-- <li class="active">Data</li> -->
                  </ol>

               
                  <div class="主体">
                    <C:forEach items="${person}" var="person">
                    <div class="个人中心">
                        <!-- <div class="头像"> -->
                            <img src="../${person.pricture}" alt="头像" style="height:100px;width:100px">
                        <!-- </div> -->
                        <p>${person.realname}</p>
                        <div>${person.sex== 1?"男":"女"}</div>
                        <div>${person.uclass}</div>
             
                        <div class="等级信息">
                            <div>
                                <div>积分</div>
                                <div>10</div>
                            </div>
                            <div>
                                <div>等级</div>
                                <div>1</div>
                            </div>
                        </div>                                  
                    </div>
                   </C:forEach>                
             
                    <div class="板块列表">
                         
                        <ol>
                            <li>
                            
                                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-pencil" aria-hidden="true">发表帖子</span></button>                               
                                <!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalLabel">
					请选择您要发表的帖子
				</h4>
			</div>
			<div class="modal-body" style="text-align:center">
				<a href="UserForumEditor.jsp"><button type="button" class="btn btn-info" >晒单帖</button></a>
				<a href="ForumQuestionEditor.jsp"><button type="button" class="btn btn-info" style="margin-left:120px">问答帖</button></a>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal">取消
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
    </div><!-- /.modal -->                                                         
                                <div class="板块信息">
                                    <h3 class="板块名称">欢迎来到最美抗疫志愿者论坛</h3>
                                    <%-- <div class="版主">版主: <span class="版主名称">${forums.realname}</span></div> --%>
                                    <p class="板块说明" float="center">快来发表你的第一篇帖子吧！</p>            
                                    <!-- <div class="查看详情">
                                        <a href="#" target="_blank">查看详情>></a>
                                    </div> -->
                                               
                                    <div class="点击">
                                        <div class="数量">
                                            
                                            <button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-trash" aria-hidden="true">删除</span></button> 
                                        </div>
                                    </div>           
                                </div>
                                <C:forEach items="${forums}" var="forums">
                                <div class="板块信息">
                                    <h3 class="板块名称">${forums.topic}</h3>
                                    <div class="版主">版主: <span class="版主名称">${forums.realname}</span></div>
                                    <p class="板块说明">${forums.part}</p>            
                                    <div class="查看详情">
                                        <a href="#" target="_blank">查看详情>></a>
                                    </div>
             
                                    <div class="点击">
                                        <div class="数量">
                                            <a href="UserForumUpdate.jsp?id=${forums.id}&topic=${forums.topic}&part=${forums.part}"><button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-edit" aria-hidden="true">编辑</span></button></a>
                                            <a href="${pageContext.request.contextPath}/ForumPersonalDeleteServlet?id=${forums.id}"><button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-trash" aria-hidden="true">删除</span></button></a>
                                        </div>
                                    </div>             
                                </div>
                                </C:forEach>
                                 
                                 <C:forEach items="${question}" var="question">
                                <div class="板块信息">
                                    <h3 class="板块名称">${question.type}</h3>
                                    <div class="版主">版主: <span class="版主名称">${question.realname}</span></div>
                                    <p class="板块说明">${question.question}</p>            
                                    <div class="查看详情">
                                        <a href="#" target="_blank">查看详情>></a>
                                    </div>
             
                                    <div class="点击">
                                        <div class="数量">
                                            <a href="ForumQuestionUpdate.jsp?qid=${question.id}&question=${question.question}"><button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-edit" aria-hidden="true">编辑</span></button></a>
                                            <a href="${pageContext.request.contextPath}/ForumPersonalDeleteServlet?qid=${question.id}"><button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-trash" aria-hidden="true">删除</span></button></a> 
                                        </div>
                                    </div>             
                                </div>
                                </C:forEach>
                            </li>
                        </ol>
                    </div>
                </div>
</body>
</html>